<style type="text/css">
    .ani{ fon-size:40px;}
    .signin-item-img img {
        width: 160px;
        height: 160px;
        position: relative;
        top:-12px
    }
    .signin-item {
        float: left;
        width: 20%;
        height:20%;
        -webkit-transform: scale(0);
        -webkit-transition: all 1s;
    }
    .signin-item-show {
        -webkit-transform: scale(1);
    }
    .signin-item-img {
        width: 160px;
        height: 160px;
        border-radius: 50%;
        overflow: hidden;
        margin: auto;

</style>
<div class="" style="background:url(images/bg005.jpg) no-repeat; background-size:100% 100%; height:100%; width:100%"></div>
<div  class="signin-item signin-item-show ani yx" style="position: absolute;top:-200px" swiper-animate-effect="bounceInDown" swiper-animate-duration="2.5s" swiper-animate-delay="1s">,
    <div class="signin-item-img"  >,
        <img
                src="images/photo/于欣.jpg">
    </div>
    <span class="signin-item-text">于欣</span>
</div>

<div  class="signin-item signin-item-show ani wf1" style="position: absolute;top:-200px" swiper-animate-effect="bounceInRight" swiper-animate-duration="2.5s" swiper-animate-delay="3s">,
    <div class="signin-item-img"  >,
        <img
                src="images/photo/汪峰.jpg">
    </div>
    <span class="signin-item-text">汪峰</span>
</div>

<div class="ani word"
     style="position: absolute;top:-1000px;;font-size: 36px;color:#ffff00"
     swiper-animate-effect="bounceInRight" swiper-animate-duration="1.5s" swiper-animate-delay="0.3s">
    小品：我要当领导
</div>
<div style="clear:both"></div>
<div  class="signin-item signin-item-show ani wf" style="position: absolute;top:-200px; " swiper-animate-effect="bounceInRight" swiper-animate-duration="2.5s" swiper-animate-delay="6.5s">,
    <div class="signin-item-img"  >,
        <img
                src="images/photo/王峰.jpg">
    </div>
    <span class="signin-item-text">王峰</span>
</div>
